<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>
	<div>
		定义列表
		<dl>
			<dt>JavaScript权威指南</dt>
			<dd>出版社：xxx</dd>
			<dd>ISBN: xxx</dd>
			<dd>售价：xxx</dd>
		</dl>
		无序列表
		<ul>
			<li>JavaScript权威指南</li>
			<li>JavaScript Dom 高级程序设计</li>
			<li>ppk 谈 JavaScript</li>
		</ul>
		有序列表
		<ol>
			<li>精通CSS</li>
			<li><strong>英文名</strong>CSS Mastery Advanced Web Standards Solutions</li>
			<li>Andy Budd</li>
		</ol>
		<fieldset>
		<legend>请选择</legend>
		<form>
			<label for="male">Male</label> 
			<input type="radio" name="sex" id="male" /> <br /> 
			
			<label for="female">Female</label> 
			<input type="radio" name="sex" id="female" /><br/>
			<label for="name">name</label>
			<input type="text" name="name" id="name" />
		</form>
		</fieldset>
	</div>
	<div>
		短语元素，这些标签都拥有确切的语义。
		<em>把文本定义为强调的内容。文字用斜体来显示。当引入新的术语或在引用特定类型的术语或概念时作为固定样式的时候，也可以考虑使用 em标签。</em>
		<strong>string</strong><br/>
		<dfn>dfn</dfn><br/>
		<code>code</code><br/>
		<samp>samp</samp><br/>
		<kbd>kdb</kbd><br/>
		<var>var</var><br/>
		<cite>cite</cite><br/>
	</div>
	<abbr title="etcetera">etc.</abbr>
	
	<blockquote>
		Here is a long quotation here is a long quotation here is a long quotation 
		here is a long quotation here is a long quotation here is a long quotation 
		here is a long quotation here is a long quotation here is a long quotation.
	</blockquote>
	<input list="Webjx.com-search" /> 
	<datalist id="Webjx.com-search"> 
		<option value="Webjx.com"> 
		<option value="W3C标准"> 
		<option value="W3C规则"> 
		<option value="W3C验证"> 
		<option value="前端开发"> 
		<option value="前端开发网"> 
		<option value="2天驾驭DIV+CSS"> 
		<option value="Webjx.Com"> 
	</datalist>
	<keygen name="security" />
	
</body>
</html>